﻿@model PropOnline.ViewModels.Shared.BusquedaBarrioCalleMapaViewModel

 <div id="buscar-accordion">
        <h3><a href="#">Buscar por Barrio</a></h3>
        <div>
            <ul class="barrios-selector">
                @for (int i = 0; i < Model.BarriosOptions.Count; i++)
                {
                    <li>
                        @Html.EditorFor(m => m.BarriosOptions[i])                            
                        <ul>
                        @for (int j = 0; j < Model.BarriosOptions[i].Hijos.Count; j++)
                        {                        
                             <li>
                             @Html.EditorFor(m => m.BarriosOptions[i].Hijos[j])
                             </li>
                        }
                        </ul>
                    </li>
                }
            </ul>
        </div> <!--------------Close Buscar Por Barrio---------------------->
        
        <h3><a href="#">Buscar por Calle</a></h3>
        <div>
            <div class="float-left calle">        
                <div class="editor-label">
                    @Html.LabelFor(m => m.Calle)
                </div>
    
                <div class="editor-field">
                    @Html.TextBoxFor(m => m.Calle)                      
                </div>
            </div>
            <div class="float-left altura">
                <div class="editor-label">
                    Desde
                </div>  
                <div class="editor-field">
                    @Html.TextBoxFor(m => m.AlturaMin, new { maxlength = "5", type = "number" })                                       
                </div>             
            </div>
            <div class="float-left altura">
                <div class="editor-label">
                    Hasta
                </div>
                <div class="editor-field">
                    @Html.TextBoxFor(m => m.AlturaMax, new { maxlength = "5", type = "number" })  
                    <span class="required-sign">*</span>                    
                </div>             
            </div>
            
            <div class="clear-both"></div> 

            @Html.ValidationMessageFor(m => m.Calle)
            @Html.ValidationMessageFor(m => m.AlturaMax)
            @Html.ValidationMessageFor(m => m.AlturaMin)
            
            <div class="required-message">(<span style="color: red">*</span>) Requerido</div>            
        </div> <!--------------Close Buscar Por Calle---------------------->

        <h3><a href="#">Buscar en Mapa</a></h3>
        <div>Proximamente!</div>
    </div> 